<!DOCTYPE html>
<html lang="en" xmlns:v-bind="http://www.w3.org/1999/xhtml" xmlns:v-on="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div>
    <a v-bind:href="url">我是超链接1</a>
<!--    上面的简写-->
    <a :href="url">我是超链接2</a>
<!--    v-on给元素绑定事件,@事件名 是简写-->
    <input type="button" value="按钮1" @click="fn()">
    <input type="button" value="按钮2" v-on:click="fn()">
    <img :src="imgName" alt="">
</div>
<script src="vue.js"></script>
<script>
    let v=new Vue({
        el:"div",
        data:{
            url:"http://www.baidu.com",
            imgName:"a.jpg"
        },
        methods:{//Vue方式添加的事件方法必须声明在methods里面
            fn:function () {//格式  方法名:方法实现
                alert("按钮点击了!");
            }
        }

    })
</script>
</body>
</html>